* {
    margin: 0;
    padding: 0;
    font-size: 0.32rem;
    color: #ffffff;
}
.top {
    padding-left: 0.533rem;
    padding-right: 0.533rem;
    background-image: url(../img/sit/guang.png);
    background-repeat: no-repeat;
    background-size: cover;
    .back {
        width: 0.467rem;
        height: 0.4rem;
        margin-top: 1.667rem;
        margin-bottom: 0.507rem;
    }
    p {
        width: 0.96rem;
        height: 0.467rem;
        font-size: 0.48rem;
        line-height: 0.48rem;
        letter-spacing: 0rem;
        color: #f2f2f2;
        margin-bottom: 1.653rem;
    }
    .screen {
        margin: 0 auto;
        // border: 1px solid red;
        width: 8.947rem;
        height: 2.31rem;
        // background-image: url(../img/sit/guang.png);
        // background-color: #ffffff;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 0px 0px;
        // opacity: 0.09;
        p {
            margin: 0 auto;
            margin-top: 0.52rem;
        }
    }
    .sit {
        width: 8.4rem;
        height: 7.253rem;
        // border: 1px solid red;
        margin: 0 auto;
        .seat {
            display: flex;
            justify-content: space-between;
            .yx {
                background-color: #4073ff;
            }
            .ys {
                background-color: #e4ecff;
                color: black;
            }
            .kx,
            .yx,
            .ys {
                width: 1.12rem;
                height: 0.72rem;
                line-height: 0.72rem;
                border-radius: 0.107rem;
                border: solid 0.027rem #ffffff;
            }
            .left {
                // margin-right: 0.827rem;
                div {
                    margin-right: 0.2rem;
                }
            }
            .right {
                div {
                    margin-left: 0.213rem;
                }
            }
            .left,
            .right {
                display: flex;
                flex-wrap: wrap;
                text-align: center;
                flex-grow: 1;
            }
        }
        .sitFoot {
            display: flex;
            margin-top: 0.907rem;
            .item {
                // width: 1.893rem;
                height: 0.427rem;
                font-size: 0.32rem;
                display: flex;
                align-items: center;
                margin-right: 0.533rem;
                div {
                    width: 0.427rem;
                    height: 0.427rem;
                    border-radius: 0.107rem;
                    border: solid 0.027rem #ffffff;
                    margin-right: 0.133rem;
                }
            }
            .item-2 {
                div {
                    background-color: #4073ff;
                }
            }
            .item-3 {
                div {
                    background-color: #e4ecff;
                }
            }
        }
    }
}
.foot {
    padding-left: 0.533rem;
    padding-right: 0.533rem;
    .name {
        margin-top: 0.64rem;
        color: #000018;
        font-size: 0.427rem;
        // border: 1px solid red;
        font-weight: bold;
    }
    .msg {
        margin-top: 0.333rem;
        color: #141337;
        font-size: 0.32rem;
        // border: 1px solid red;
        margin-bottom: 0.707rem;
    }
    .price {
        height: 1.813rem;
        margin: 0 auto;
        border-radius: 0.213rem;
        border: 0.027rem solid #cccccc;
        display: flex;

        .sitMsg,
        .total {
            flex-grow: 1;
            padding-left: 0.413rem;
            .pt {
                color: #141337;
                font-weight: bold;
                margin: 0.347rem 0 0.28rem;
            }
            #yxSit {
                display: flex;
                div {
                    width: 0.533rem;
                    height: 0.533rem;
                    line-height: 0.533rem;
                    background-color: #4073ff;
                    border-radius: 0.107rem;
                    margin-right: 0.133rem;
                    text-align: center;
                }
            }
            #price {
                height: 0.533rem;
                line-height: 0.533rem;
                color: #4073ff;
                font-weight: bold;
            }
        }
    }
    .btn {
        width: 8.933rem;
        height: 1.28rem;
        line-height: 1.28rem;
        text-align: center;
        background-color: #4073ff;
        border-radius: 0.213rem;
        margin-top: 0.613rem;
        font-size: 0.427rem;
    }
}
